<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/analysis.css" />
	</head>

	<body>
		<div class="Wrap">
			<div class="analysis_wrap">
				<div class="nav">
					<div class="nav_center">
						<img src="img/logo.png" class="nav_logo" />
						<div class="nav_btn">
							<div>
								<a href="login.html">登录</a>
							</div>
							<div>
								<a href="contact.html">联系</a>
							</div>
							<div>
								<a href="about.html">关于</a>
							</div>
							<div>
								<a href="news.php">动态</a>
							</div>
							<div style="background-color: rgb(52, 200, 255);">
								<a href="product.html">产品</a>
							</div>
							<div>
								<a href="first.html">首页</a>
							</div>
						</div>
					</div>
				</div>
				<div class="analysis_BG">
					<img src="img/top-ana.jpg" />
					<div class="analysis_BG_center">
						<img src="img/ana-mobile.png" />
						<div class="analysis_BG_center_text">
							<p>客流分析</p>
							<p>随时随地 为您掌握</p>
							<div class="BG_download">
								扫码下载
							</div>
							<img src="img/1B6yitdn3PSm8AAAAAElFTkSuQmCC.png" class="erweima" />
						</div>
					</div>
				</div>
				<div class="analysis_body">
					<p>5大复合KPI</p>
					<div class="analysis_body_center">
						<div>
							<img src="img/6.png" />
							<img src="img/5.png" />
							<img src="img/4.png" />
						</div>
						<div>
							<img src="img/1.png" />
							<img src="img/3.png" />
							<img src="img/2.png" />
						</div>
					</div>
					<div class="analysis_body_BG">
						<img src="img/laptop.jpg" />
						<div class="analysis_body_BG_center">
							<p>二十余个客流关键指标</p>
							<p>为您的生意保驾护航</p>
							<ul>
								<li>今日总客流</li>
								<li>今日进店率</li>
								<li>到店停留时间</li>
								<li>今日回头率</li>
								<li>全店分时客存</li>
								<li>新客到场时间分布</li>
								<li>全店去重客流</li>
								<li>每日驻足率/回头率/优客率</li>
							</ul>
						</div>
					</div>
					<p style="margin-top: 50px;border-bottom: none;line-height: 70px;height: 70px;">为什么领先</p>
					<p style="font-size: 18px;border-bottom: none;line-height: 40px;height: 40px;">cusflo客流分析的精度、深度和便利即便方言全球，</p>
					<p style="font-size: 18px;border-bottom: none;line-height: 20px;height: 30px;">亦无人超越</p>
					<div class="analysis_body_center2">
						<img src="img/lead.png" />
					</div>
					<div class="analysis_foot">
						<div style="border: none;"></div>
						<div>
							<a href="contact.html">联系我们</a>
						</div>
						<p>北京紫尘咨询有限责任公司</p>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.12.3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var product_head = document.querySelector(".nav");
		document.onscroll = function() {
			if (scrollY > 80) {
				product_head.style.backgroundColor = "#17acff";
			} else {
				product_head.style.backgroundColor = "";
			}
		}
		$('.BG_download').mouseover(function() {
			$('.erweima').css('display', 'block');
		})
		$('.BG_download').mouseout(function() {
			$('.erweima').css('display', 'none');
		})
		$('.analysis_foot div').mouseover(function () {
			$('.analysis_foot div').css('border-color', 'deepskyblue');
			$('.analysis_foot div a').css('color', 'deepskyblue');
		})
		$('.analysis_foot div').mouseout(function () {
			$('.analysis_foot div').css('border-color', 'white');
			$('.analysis_foot div a').css('color', 'white');
		})
	</script>

</html>